/*SPECIAL TO BENOCCHI*/

/* tell the browser to render HTML 5 elements as block */
article, aside, figure, footer, header, hgroup, nav, section { 
  display:block;
}

 

@media screen and (max-width : 960px){

	
	scroll{
		width: 50%;
	
	}
	
	
	#social{
		display: none;

	}
	
	#bottom-text{
		font-size:12px;
		opacity: 0;
		padding-bottom: 50px;

	}
	
	#bottom-ref{
		font-size:12px;
		padding-bottom: 100px;
		padding-top: 10px;

	}

	
	
}


footer { 
  font: 80% 'Droid Sans', arial, sans-serif;
  height: 350px;
  padding: 28px 0 5px 0;
  text-align: center; 
  background: #1A1225;
  color: #FFF;
  margin: 0;
  border-top: 6px solid #58B5D6;
}

  /* padding third : line separator */

footer p { 
  line-height: 1.2em;
  padding: 0 0 5px 0;
}

footer a { 
  color: #FFF;
  text-decoration: none;
}

footer a:hover { 
  color: #FFF;
  text-decoration: underline;
}



/* scroll to top */
#scroll { 
  position: relative; 
  width: auto;
  margin: 0 auto;
  bottom: 15px; 
  right: 30px;
  background: red;
  padding: 0;
}
  
#scroll a { 
  float: right;
  margin: 0 0 0 0; 
  padding: 0 0 0 0;
}
  
#scroll a img { 
  float: right;
  padding: 0 0 0 0;
  margin: 0;
}





/**
footer_bottom
**/


/* FOOTER BOTTOM --------------------------------------------------------*/

.wrapper{
	width: 966px;
	margin: 0px auto;
	position: relative;
}

#bottom{
	position: relative;
	width: 100%;
	font-size: 12px;
	line-height: 1.5em;
	line-height: 60px;
	color: #868686;
	background: #222426 url(../img/bottom-shadow.png) repeat-x;
}

#bottom #bottom-text{
	width: 600px;
	overflow: hidden;
	margin-left: 30px;	
}

#bottom a{
	color: #AFEAF9;
	text-decoration: none;
}

#bottom #to-top{
	position: absolute;
	right: 30px;
	top: -22px;
	width: 33px;
	height: 33px;
	background: url(../img/to-top.png) no-repeat;
	cursor: pointer;
}

/* SOCIAL --------------------------------------------------------*/

.social{
	position: absolute;
	top: 5px;
	right: 0px;
	display: block;
	overflow: hidden;
}

.social li{
	display: block;
	width: 32px;
	height: 32px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#bottom .social a{
	display: block;
	width: 32px;
	height: 32px;
	text-indent: -9000px;
}

#bottom .social a:hover{
	background-position: 0px -32px;
}